<template>
	<div id="app">
			<Navi />
			<div class="main">
				<router-view />
			</div>
	</div>
</template>

<script>
import Navi from './components/navi.vue'

export default {
	name: 'App',
	components: {
		Navi,
	},
}
</script>
<style lang="less">
@import url('./assets/style/index.less');
#app {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(
		to right bottom,
		rgb(24, 48, 132) 0%,
		rgb(21, 16, 51) 100%
	);
}
.main{
	width:100%;
	height:calc(100% - 86rem);
}
</style>
